<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery-3.5.1.min.js"></script>
		<script>
			function funA1(){
				var neirong = $("#d1").html();
				alert(neirong);
				$("#d1").html("<font color='green'>bbbbb</font>");
			}
			function funA2(){
				var neirong = $("#d1").text();
				alert(neirong);
				$("#d1").text("<font color='green'>bbbbb</font>");
			}
			function funA3(){
				var neirong = $("#d2").css("color");
				alert(neirong);
				$("#d2").css("color","blue");
			}
			function funA4(){
				var neirong = $("#d3").attr("type");
				alert(neirong);
				$("#d3").attr("type","password");
			}
			function funA5(){
				var neirong = $("#d4").val();//value()
				alert(neirong);
				$("#d4").val("bbbbb");
			}
		</script>
	</head>
	<body>
		<button onclick="funA1()">funA1</button>
		<button onclick="funA2()">funA2</button>
		<button onclick="funA3()">funA3</button>
		<button onclick="funA4()">funA4</button>
		<button onclick="funA5()">funA5</button>
		<div id="d1">
			<label style="color:red;">aaaa</label>
		</div>
		<div id="d2">
			bbb
		</div>
		<input id="d3" type="text"/>
		<input id="d4" type="text" value="aaa"/>
		
		
	</body>
</html>
